.clearfix:after {
  content: '';
  display: block;
  clear: both;
}
.f-w-1 {
  width: 1px;
}
.f-w-5 {
  width: 5px;
}
.f-w-7 {
  width: 7px;
}
.f-w-17 {
  width: 17px;
}
.f-w-23 {
  width: 23px;
}
.f-w-25 {
  width: 25px;
}
.f-w-42 {
  width: 42px;
}
.f-w-44 {
  width: 44px;
}
.f-w-60 {
  width: 60px;
}
.f-w-64 {
  width: 64px;
}
.f-w-71 {
  width: 71px;
}
.f-w-72 {
  width: 72px;
}
.f-w-73 {
  width: 73px;
}
.f-w-80 {
  width: 80px;
}
.f-w-81 {
  width: 81px;
}
.f-w-87 {
  width: 87px;
}
.f-w-92 {
  width: 92px;
}
.f-w-98 {
  width: 98px;
}
.f-w-104 {
  width: 104px;
}
.f-w-125 {
  width: 125px;
}
.f-w-141 {
  width: 141px;
}
.f-w-160 {
  width: 160px;
}
.f-w-161 {
  width: 161px;
}
.f-w-162 {
  width: 162px;
}
.f-w-182 {
  width: 182px;
}
.f-w-204 {
  width: 204px;
}
.f-w-237 {
  width: 237px;
}
.f-w-240 {
  width: 240px;
}
.f-w-300 {
  width: 300px;
}
.f-w-331 {
  width: 331px;
}
.f-w-375 {
  width: 375px;
}
.f-w-whole {
  width: 100%;
}
.f-h-1 {
  height: 1px;
}
.f-h-4 {
  height: 4px;
}
.f-h-5 {
  height: 5px;
}
.f-h-14 {
  height: 14px;
}
.f-h-17 {
  height: 17px;
}
.f-h-18 {
  height: 18px;
}
.f-h-20 {
  height: 20px;
}
.f-h-25 {
  height: 25px;
}
.f-h-28 {
  height: 28px;
}
.f-h-29 {
  height: 29px;
}
.f-h-44 {
  height: 44px;
}
.f-h-54 {
  height: 54px;
}
.f-h-68 {
  height: 68px;
}
.f-h-69 {
  height: 69px;
}
.f-h-91 {
  height: 91px;
}
.f-h-107 {
  height: 107px;
}
.f-h-161 {
  height: 161px;
}
.f-h-186 {
  height: 186px;
}
.f-h-203 {
  height: 203px;
}
.f-h-240 {
  height: 240px;
}
.f-h-256 {
  height: 256px;
}
.f-h-272 {
  height: 272px;
}
.f-h-283 {
  height: 283px;
}
.f-h-406 {
  height: 406px;
}
.f-h-1243 {
  height: 1243px;
}
.f-h-whole {
  height: 100%;
}
.f-lh-4 {
  line-height: 4px;
}
.f-lh-14 {
  line-height: 14px;
}
.f-lh-17 {
  line-height: 17px;
}
.f-lh-18 {
  line-height: 18px;
}
.f-lh-20 {
  line-height: 20px;
}
.f-lh-21 {
  line-height: 21px;
}
.f-lh-28 {
  line-height: 28px;
}
.f-lh-29 {
  line-height: 29px;
}
.f-ta {
  text-align: center;
}
.f-va-b {
  vertical-align: bottom;
}
.f-ts {
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
}
.f-size-10 {
  font-size: 10px;
}
.f-size-12 {
  font-size: 12px;
}
.f-size-13 {
  font-size: 13px;
}
.f-size-14 {
  font-size: 14px;
}
.f-size-15 {
  font-size: 15px;
}
.f-size-20 {
  font-size: 20px;
}
.f-size-30 {
  font-size: 30px;
}
.f-w-100 {
  font-weight: 100;
}
.f-w-400 {
  font-weight: 400;
}
.f-family {
  font-family: PingFangSC-Regular, PingFang SC;
}
.f-td {
  text-decoration: none;
}
.f-color-bfbfbf {
  color: #bfbfbf;
}
.f-color-ffffff {
  color: #ffffff;
}
.f-color-000000 {
  color: #000000;
}
.f-color-121212 {
  color: #121212;
}
.f-color-2e9d70 {
  color: #2e9d70;
}
.f-color-444444 {
  color: #444444;
}
.f-color-9a9a9a {
  color: #9a9a9a;
}
.f-border-sc {
  border: 1px solid #ccc;
}
.f-border-sd {
  border: 1px solid #ddd;
}
.f-border-r-half {
  border-radius: 50%;
}
.f-border-r-3 {
  border-radius: 3px;
}
.f-border-r-15 {
  border-radius: 15px;
}
.f-opacity-2 {
  opacity: 0.2;
}
.f-opacity-3 {
  opacity: 0.3;
}
.f-opacity-5 {
  opacity: 0.5;
}
.f-position-r {
  position: relative;
}
.f-position-a {
  position: absolute;
}
.f-position-a-l--1 {
  left: -1px;
}
.f-position-a-l-0 {
  left: 0;
}
.f-position-a-l-2 {
  left: 2px;
}
.f-position-a-l-5 {
  left: 5px;
}
.f-position-a-l-6 {
  left: 6px;
}
.f-position-a-l-half {
  left: 50%;
}
.f-position-a-r--1 {
  right: -1px;
}
.f-position-a-r-0 {
  right: 0;
}
.f-position-a-t--2 {
  top: -2px;
}
.f-position-a-t--1 {
  top: -1px;
}
.f-position-a-t-0 {
  top: 0;
}
.f-position-a-t-2 {
  top: 2px;
}
.f-position-a-t-5 {
  top: 5px;
}
.f-position-a-t-6 {
  top: 6px;
}
.f-position-a-b--1 {
  bottom: -1px;
}
.f-position-a-b-0 {
  bottom: 0;
}
.f-position-f {
  position: fixed;
}
.f-position-s {
  position: static;
}
.f-trans-rotate--45 {
  transform: rotate(-45deg);
}
.f-trans-rotate-45 {
  transform: rotate(45deg);
}
.f-trans-rotate-90 {
  transform: rotate(90deg);
}
.f-trans-x {
  transform: translateX(-50%);
}
.f-back-s {
  background-size: cover;
}
.f-back-c-ffffff {
  background-color: #fff;
}
.f-back-c-cccccc {
  background-color: #ccc;
}
.f-p-l-9 {
  padding-left: 9px;
}
.f-p-l-21 {
  padding-left: 21px;
}
.f-p-l-36 {
  padding-left: 36px;
}
.f-m-auto {
  margin: auto;
}
.f-m-2 {
  margin: 2px;
}
.f-m-t-1 {
  margin-top: 1px;
}
.f-m-t-5 {
  margin-top: 5px;
}
.f-m-t-6 {
  margin-top: 6px;
}
.f-m-t-9 {
  margin-top: 9px;
}
.f-m-t-17 {
  margin-top: 17px;
}
.f-m-t-18 {
  margin-top: 18px;
}
.f-m-t-19 {
  margin-top: 19px;
}
.f-m-t-22 {
  margin-top: 22px;
}
.f-m-t-23 {
  margin-top: 23px;
}
.f-m-t-28 {
  margin-top: 28px;
}
.f-m-t-39 {
  margin-top: 39px;
}
.f-m-t-42 {
  margin-top: 42px;
}
.f-m-t-43 {
  margin-top: 43px;
}
.f-m-t-46 {
  margin-top: 46px;
}
.f-m-t-132 {
  margin-top: 132px;
}
.f-m-t-208 {
  margin-top: 208px;
}
.f-m-b-8 {
  margin-bottom: 8px;
}
.f-m-b-10 {
  margin-bottom: 10px;
}
.f-m-b-43 {
  margin-bottom: 43px;
}
.f-m-b-87 {
  margin-bottom: 87px;
}
.f-m-l-2 {
  margin-left: 2px;
}
.f-m-l-10 {
  margin-left: 10px;
}
.f-m-l-12 {
  margin-left: 12px;
}
.f-m-l-15 {
  margin-left: 15px;
}
.f-m-l-18 {
  margin-left: 18px;
}
.f-m-l-24 {
  margin-left: 24px;
}
.f-m-r-6 {
  margin-right: 6px;
}
.f-m-r-9 {
  margin-right: 9px;
}
.f-m-r-10 {
  margin-right: 10px;
}
.f-m-r-27 {
  margin-right: 27px;
}
.f-m-r-42 {
  margin-right: 42px;
}
.f-b-box {
  box-sizing: border-box;
}
.f-display-b {
  display: block;
}
.f-display-i {
  display: inline;
}
.f-display-ib {
  display: inline-block;
}
.f-display-f {
  display: flex;
}
.f-list-s {
  list-style: none;
}
.f-float-l {
  float: left;
}
.f-float-r {
  float: right;
}
